<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>尝试找到一个 可以不同源之间发送请求 的方式</title>
</head>
<body>
    <script>
        // ajax不能跨域
        // img link script iframe
        // 上面四个  不需要点击就会发送请求

        // 1. img
        // 可以发送不同源地址之间的请求
        // 但是无法拿到响应结果
        // var img = new Image();
        // img.src = 'https://www.baidu.com/?tn=98012088_5_dg&ch=12';
        // document.appendChild(img);

        // 2.link
        // 可以发送不同源地址之间的请求
        // 但是无法拿到响应结果
        // var link = document.createElement('link');
        // link.href = 'http://';
        // link.rel = "stylesheet";
        // document.appendChild(link);

        // 3.script
        // 可以发送不同源地址之间的请求
        // 无法拿到响应结果
        // 但是服务器可以 设置返回类型为javascript
        // 所以返回来的数据 在<script>中相当于一份代码
        var script = document.createElement('script');
        script.src = 'cross_origin.php';
        document.body.appendChild(script);

        // 此处定义一个函数 相当于请求的回调 
        // 当script传过来之后  传过来的数据 相当于 在函数的后面 所以可以执行
        function foo(res) {
            console.log(res);
        }
    </script>
</body>
</html>